import { Flex } from 'antd'
import React, { FC, memo } from 'react'
import './common.scss'
import './common.less'
import lessModuleStyle from './style.module.less'
import scsssModuleStyle from './style.module.scss'

// import lStyle from './m.less'
// import sStyle from './m.scss'

const TestStyle: FC = () => {
  return (
    <Flex vertical gap={5}>
      <span className='purple'>common.scss</span>
      <span className='red'>common.less</span>
      <span className={lessModuleStyle.blue}>module less</span>
      <span className={scsssModuleStyle.blue}>module scss</span>
      {/* <span className={lStyle.blue}>m less</span>
      <span className={sStyle.blue}>m scss</span> */}
    </Flex>
  )
}
export default memo(TestStyle)
